require.config({
	jquery : 'js/jquery',
	cookie : 'js/cookie'
});

require(['jquery','cookie'],function($,cookie){
	$(function(){
		//显示已加入购物车的数据
		var sCookie = cookie.getCookie('goods');//获取当前名为goods的cookie
		
		var	aCookie = typeof sCookie === 'undefined' ? [] : JSON.parse(sCookie);//假设有就读出来,没有就设为一个空数组
		//遍历数组读取数据,并渲染给新的页面
		aCookie.forEach(function(v){
			$('#goods-list').append(`<li>
				<div class="goods-add" data-id ="${v.id}" data-title= 'goods-title' data-url = "${v.url}" data-price = "${v.price}">删除商品</div>
				<img src="${v.url}" alt="" />
				<div class="goods-title">${v.title}</div>
				<div class="goods-price">${v.price}元,${v.num}</div>
			</li>`);
		});
		
		//删除购物车
		$('.goods-add').bind('click',function(){
			//显示已加入购物车的数据
			var sCookie = cookie.getCookie('goods');//获取当前名为goods的cookie
			
			var	aCookie = typeof sCookie === 'undefined' ? [] : JSON.parse(sCookie);//假设有就读出来,没有就设为一个空数组
			
			var iId = Number($(this).data('id'));//获取当前id
			//通过循环得到当前点击按钮对应的cookie
			for(var i = 0; i < aCookie.length; i++){
				if(aCookie[i].id === iId){
					aCookie[i].num--;
					if(aCookie[i].num === 0){
						aCookie.splice(i,1);
						$(this).parent().remove();
					};
//					$('.good-price').text(`${aCookie[i].price}元,${aCookie[i].num}`);
					break;
				};
			};
			cookie.setCookie('goods',JSON.stringify(aCookie),7);
			
//			$(this).parent().remove();
			
//				//遍历数组读取数据,并渲染给新的页面
//				aCookie.forEach(function(v){
//					$('#goods-list').append(`<li>
//						<div class="goods-add" data-id ="${v.id}" data-title= 'goods-title' data-url = "${v.url}" data-price = "${v.price}">删除商品</div>
//						<img src="${v.url}" alt="" />
//						<div class="goods-title">${v.title}</div>
//						<div class="goods-price">${v.price}元,${v.num}</div>
//					</li>`);
//				});
		});
	});
});
